<!--
 * @Author: 汪军 624473119@qq.com
 * @Date: 2023-10-10 18:15:53
 * @LastEditors: 汪军 624473119@qq.com
 * @LastEditTime: 2023-12-11 17:23:12
 * @FilePath: \ekee-web\src\views\end\easy-link\EasyLink.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template lang="pug">
div.my-easy.mb4
  EnterpriseCenterTabs(:tabList="tabList" :current="current" @change="onTabChange")
  div.easy-container.relative.h100
    component(:is="current == '线上' ? MyEasyOnline : MyEasyOffline")
</template>

<script setup>
import { ref } from "vue";
import EnterpriseCenterTabs from "@/components/EnterpriseCenterTabs.vue";
import MyEasyOnline from "@/views/end/my-easy/MyEasyOnline.vue";
import MyEasyOffline from "@/views/end/my-easy/MyEasyOffline.vue";

const tabList = ref(["线上", "线下"]);
const current = ref("线上");

const onTabChange = (value) => {
  current.value = value;
};
</script>

<style lang="stylus" scoped>
.my-easy
  .easy-container
    height: calc(100vh - 234px);
  .overdue
    color: #E84026 !important;
  .refund
    color: #2487E8;
  .no-quota
    margin-top: 200px;
</style>
